<div class='index_bg'>
  <div class='index_bg_cont'>
      <div class='index_bg_cont_left'>
        <h3>MY</h3>
        <h3>BLOG</h3>
        <h4>well-balanced heart</h4>
      </div>
      <div class='index_bg_cont_right'>
        <div class='index_bg_cont_text'>
          <span>访问量：100</span>
          <span>日志&nbsp;&nbsp;&nbsp;：100</span>
        </div>
      </div>
  </div>
</div>
<!-- <h1 [appCustomStyle]="'abcd'">555</h1>
<h1 [appCustomStyle]="'abcd'">555</h1> -->
<div class='index_main'>
  <div class='index_main_nav'>
    <ul>
      <li [class]="(indexId == '1')? 'active_font' : ''" [routerLink]="['']" routerLinkActive="router-link-active" (click)='articleType(1)'>设计文章</li>
      <div>|</div>
      <li [class]="(indexId == '2')? 'active_font' : ''" [routerLink]="['/article2']" routerLinkActive="router-link-active" (click)='articleType(2)'>萌宠文章</li>
      <div>|</div>
      <li [class]="(indexId == '3')? 'active_font' : ''" [routerLink]="['/article3']" routerLinkActive="router-link-active" (click)='articleType(3)'>美妆文章</li>
    </ul>
  </div>
  <router-outlet></router-outlet>
</div>
